<!DOCTYPE html>
<html>

<head>
	<title>index</title>
	<link rel="stylesheet" href="./index.css" >
</head>

<body>
	<div id="root">
		<div class="box first">
			<div class="pip"></div>
		</div>
		<div class="box second">
			<div class="pip"></div>
			<div class="pip"></div>
		</div>
		<div class="box third">
			<div class="pip"></div>
			<div class="pip"></div>
			<div class="pip"></div>
		</div>
		<div class="box fourth">
			<div class="column">
				<div class="pip"></div>
				<div class="pip"></div>
			</div>
			<div class="column">
				<div class="pip"></div>
				<div class="pip"></div>
			</div>
		</div>
		<div class="box fifth">
			<div class="column">
				<div class="pip"></div>
				<div class="pip"></div>
			</div>
			<div class="column">
				<div class="pip"></div>
			</div>
			<div class="column">
				<div class="pip"></div>
				<div class="pip"></div>
			</div>
		</div>
		<div class="box sixth">
			<div class="column">
				<div class="pip"></div>
				<div class="pip"></div>
				<div class="pip"></div>
			</div>
			<div class="column">
				<div class="pip"></div>
				<div class="pip"></div>
				<div class="pip"></div>
			</div>
		</div>
	</div>
</body>
</html>